import styles from './index.module.less';

export default () => {
 
  return <div style={{width: '800px', margin: '24px auto 0'}}>
          <h1>1、如何安装浏览器插件</h1>
          
          <div className={styles.textDesc}>1、下载插件，并解压。注意：请解压在一个新的文件夹内</div>
          <img className={styles.imgStyle} src='https://imgniu.zhaojiafang.com/front-web/ERP/jdCloudExpotStep1.png' alt="" />

          <div className={styles.textDesc}>2、打开google浏览器，并点击右上角的三个点<br />
           <div className='common-color9'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注意：请一定要使用首页下载的谷歌浏览器，一定要谷歌浏览器</div>
          </div>
          <img className={styles.imgStyle} src='https://imgniu.zhaojiafang.com/front-web/ERP/jdCloudExpotStep2.png' alt="" />

          <div className={styles.textDesc}>3、在列表里面选中更多工具----扩展程序</div>
          <img className={styles.imgStyle} src='https://imgniu.zhaojiafang.com/front-web/ERP/jdCloudExpotStep3.png' alt="" />
          
          <div className={styles.textDesc}>4、选中前面解压的文件，点击这个按钮，<span className='common-color9'>注意：确保开发者模式是打开状态</span></div>
          <img className={styles.imgStyle} src='https://imgniu.zhaojiafang.com/front-web/ERP/jdCloudExpotStep4.png' alt="" />
         
          <div className={styles.textDesc}>5、出现这个表示安装成功</div>
          <img className={styles.imgStyle} src='https://imgniu.zhaojiafang.com/front-web/ERP/jdCloudExpotStep5.png' alt="" />
         
          <div className={styles.textDesc}>6、点击浏览器工具栏的“扩展程序”图标，弹框中将{APP_TITLE}助手后的图标选中（蓝色），{APP_TITLE}助手就可以出现<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在工具栏上</div>
          <img className={styles.imgStyle} src='https://imgniu.zhaojiafang.com/front-web/ERP/jdCloudExpotStep6.png' alt="" />

          <br />
          <h1>2、如何使用插件</h1>
          <div className={styles.textDesc}>1、当浏览器插件安装好后，需要登录京东云仓的后台，通过插件获取登录的信息。位置在<span className='common-color9'>网址的右边插件图标</span></div>
          <img className={styles.imgStyle} src='https://imgniu.zhaojiafang.com/front-web/ERP/jdCloudExpotStep7.png' alt="" />
          <div className={styles.textDesc}>2、点击该插件后会弹出登录信息，把该信息复制出来<span className='common-color9'>登录后不要退出登录</span>
          <div className='common-color9'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注意：如果是不同事业部的订单，需要登录相应的事业部来获取这个登录信息（每个事业部的登录信息是独立<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;的）</div>
          </div>
          <img className={styles.imgStyle} src='https://imgniu.zhaojiafang.com/front-web/ERP/jdCloudExpotStep8.png' alt="" />
          <div className='common-color9'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注意</div>
          <div className='common-color9'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一定是要在京东云仓的功能界面点这个插件按钮（不然出来的登录信息会不一样）</div>
          <div className='common-color9'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一定是要在京东云仓的功能界面点这个插件按钮（不然出来的登录信息会不一样）</div>
          <div className='common-color9'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一定是要在京东云仓的功能界面点这个插件按钮（不然出来的登录信息会不一样）</div>
          <div className='common-color9'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重要的事情说三遍</div>

          <br />
          <h1>3、系统中如何操作填入</h1>
          <div className={styles.textDesc}>1、在选中相应的京东店铺后，把相应复制好的登录信息复制到里面点击确定就好了。</div>
          <img className={styles.imgStyle} src='https://imgniu.zhaojiafang.com/front-web/ERP/jdCloudExpotStep9.png' alt="" />
  </div>
}